// 插入空格
UE.registerUI('insetPack',function(editor,uiName){
	 	//注册按钮执行时的command命令,使用命令默认就会带有回退操作 
	    editor.registerCommand(uiName, { 
	        execCommand: function() { 
	            editor.execCommand('insertHtml', '<span class="tspan" style="text-decoration: underline;margin:0 5px;">&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</span>');
	        } 
	    }); 

	    // 查询toolbars 是否存在配置
	    var isView = editor.options.toolbars[0].indexOf(uiName) === -1? false:true;

	    //创建一个button 
	    var btn = new UE.ui.Button({ 
	        //按钮的名字 
	        name: uiName, 
	        //提示 
	        title: '插入填空', 
	        // 图标是否显示
	        showIcon:isView,
	        //添加额外样式,指定icon图标,这里默认使用一个重复的icon 
	        cssRules: 'background-position: -5px 45px;', 
	        //点击时执行的命令 
	        onclick: function() { 
	        	editor.execCommand('insertHtml', '<span class="tspan" style="text-decoration: underline;margin:0 5px;">&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</span>');
	        } 
	    }); 
	    // 鼠标移回
	    editor.addListener('selectionchange', function() {

	        var state = editor.queryCommandState(uiName);

	        if (state == -1) {

	            btn.setDisabled(true);

	            btn.setChecked(false);

	        } else {

	            btn.setDisabled(false);

	            btn.setChecked(state);

	        }

	    });

	    //因为你是添加button,所以需要返回这个button 
	    return btn; 
})    	

// 删除空格
UE.registerUI('delPack',function(editor,uiName){
	 //注册按钮执行时的command命令,使用命令默认就会带有回退操作 
	    editor.registerCommand(uiName, { 
	        execCommand: function() { 
	            var obj = editor.document.getElementsByClassName('tspan');
	        	var objLast = obj[obj.length-1];
	        	objLast && UE.dom.domUtils.remove(objLast,false)
	        } 
	    }); 
	    // 查询toolbars 是否存在配置
	    var isView = editor.options.toolbars[0].indexOf(uiName) === -1? false:true;

	    //创建一个button 
	    var btn = new UE.ui.Button({ 
	        //按钮的名字 
	        name: uiName, 
	        //提示 
	        title: '删除填空', 
	        // 图标是否显示
	        showIcon:isView,
	        //添加额外样式,指定icon图标,这里默认使用一个重复的icon 
	        cssRules: 'background-position: -5px 21px;', 
	        //点击时执行的命令 
	        onclick: function() { 
	        	var obj = editor.document.getElementsByClassName('tspan');
	        	var objLast = obj[obj.length-1];
	        	objLast && UE.dom.domUtils.remove(objLast,false)
	        } 
	    }); 
	    // 鼠标移回
	    editor.addListener('selectionchange', function() {

	        var state = editor.queryCommandState(uiName);

	        if (state == -1) {

	            btn.setDisabled(true);

	            btn.setChecked(false);

	        } else {

	            btn.setDisabled(false);

	            btn.setChecked(state);

	        }

	    });
	    //因为你是添加button,所以需要返回这个button 
	    return btn; 
})
